ScrapboxのBrand iconを屋台にするUserCSS
brand-iconが表示されない時は、(画面上の)4行目あたりに../../../pages/stall/brand-icon/iconがあれば/api/pages/stall/brand-icon/iconに置換する
code:style.css
.brand-icon {
--logo-url: url("/api/pages/stall/brand-icon/icon");
width: 40px;
height: 40px;
background-color: white;
background-image: var(--logo-url);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
border: 4px solid transparent;
border-radius: 50%;
svg { display: none; }
}
~2024/04
code:xstyle.css
body{
--logo-url: url('/api/pages/stall/brand-icon/icon'); /* */
}
.brand-icon {
content: '';
width: 40px;
height: 40px;
/* position: absolute; /* */
background-size: cover;
background-position: center;
background-repeat: no-repeat;
background-color: white; /* 白地に井戸を表示する*/
border-radius: 50%;/*角丸はお好みで*/
border: 4px solid transparent;
background-origin: padding-box;
margin-left: -4px;
}